.equity {
  // padding: rem(30);
  padding-top: rem(40);
  .equity_tabs {
    height: rem(140); padding-top: 0;
    .van-tabs__wrap {
      height: rem(140);
      .van-tabs__nav {
        background: none;
      }
      .van-tab {
        color: #B5B5B5;
        &.van-tab--active {
          color: #666666;
        }
      }
    }
    .van-hairline--top-bottom {
      &:after {
        border-width: 0;
      }
    }
  }
  .equity_item {
    padding: 0 rem(20);
    &.active {
      span {
        @for $i from 1 through 12 {
          &.icon_#{$i} {
            height: rem(80); width: rem(80); display: block; margin: auto;
            background: url($imgPath + '/activity/equity_v2/icon_'+$i+'_active.png');
            background-size: contain;
          }
        }
      }
    }
    @for $i from 1 through 12 {
      span {
        &.icon_#{$i} {
          height: rem(80); width: rem(80); display: block; margin: auto;
          background: url($imgPath + '/activity/equity_v2/icon_'+$i+'.png');
          background-size: contain;
        }
      }
    }
  }
  .swiper-container {
    margin-top: rem(50);
  }
  .swiper-slide {
    width: rem(660);
    &.swiper-slide-active {
      // transform: scale(1);
      .qeuity_content {
        .content_item {
          background-size: contain !important;
        }
      }
    }
  }
  .qeuity_content {
    padding: 0 rem(20);
    .content_item {
      height:rem(826);
      background-size: 75% !important;
      @for $i from 1 through 12 {
      &.item_#{$i} {
        background: url($imgPath + '/activity/equity_v2/item_'+$i+'.png') no-repeat bottom center;
        background-size: contain;
      }
      }
    }
  }
}
